import React from 'react'
import Code from './Code'
import Toast from '../ui-components/toast'
import style from './style'
import Link from '../ui-components/link'
import toastStyle from './style.toast'
import cx from 'classnames'


const { error, warn, success, info } = Toast;

export default () => (
	<div className={cx({
		[style.root]: true,
		[toastStyle.root]: true
	})}>
		<Code>{'<Toast/>; const { success, error, warn, info } = Toast'}</Code>
		<div>
      <Link onClick={() => {warn('warn.')}}>warn</Link>
      <Link onClick={() => {error('error.')}}>error</Link>
      <Link onClick={() => {info('info.')}}>info</Link>
      <Link onClick={() => {success('success.')}}>success</Link>
    	<Toast/>
		</div>
	</div>
)
